<template>
  <div class="back">
    <x-header :left-options="{backText: ''}"
              class="arrow-weight"
              style="font-size:20px;
                    letter-spacing: 3px;
                    background: rgb(0, 160, 233);">全校专业报到率排行</x-header>
    <x-table full-bordered
             style="background-color:#fff;width:90%;margin:0 auto;">
      <thead>
        <tr>
          <th>排名</th>
          <th>专业</th>
          <th>报到率</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td>教育技术学</td>
          <td>100%</td>
        </tr>
      </tbody>
    </x-table>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {},
  mounted() {}
};
</script>

<style scoped>
.back {
  height: 100vh;
  background: #fff;
}
p {
  width: 100%;
  padding: 18px 0px;
  font-size: 20px;
  text-align: center;
  letter-spacing: 3px;
}
th {
  color: #666;
  font-weight: BOLDER;
  font-size: 18px;
}
.arrow-weight /deep/ .left-arrow:before {
  border: 3px solid #fff !important;
  border-width: 2px 0px 0px 2px !important;
}
</style>


